<template>
  <div class="home">
    <div class="header_s">
      <div class="head_s">
        <headerdiv></headerdiv>
      </div>
    </div>

    <div class="mapClass">
      <publicdiv></publicdiv>
    </div>
  </div>
</template>

<script>

import headerdiv from './headerdiv.vue'
import publicdiv from './public.vue'
// import mapdiv from './mapdiv.vue'

// import headerdiv from "headerdiv.vue";
// import mapdiv from "mapdiv.vue";



export default {
  name: "Index",
  components:{
    headerdiv,publicdiv
  },
  data() {
    return {
      map:null,
      tdtVecLayer:null,
      tdtImgLayer:null,
      wordLayer:null,

    };
  },
  mounted() {

  },
  methods: {



  }
};
</script>

<style scoped lang="scss">
.home {
  position: fixed;
  width: 100%;
  height: 100%; /* 设置高度为视窗高度 */
  background-image: url("../../assets/images/back.png");
  background-size: cover; /* 背景图片铺满并保持比例不变 */
  background-repeat: no-repeat; /* 不重复平铺 */
  background-position: center; /* 图片居中对齐 */
  margin: 0; /* 去除默认的外边距 */
  padding: 0; /* 去除默认的内边距 */
  background-color: #001C34;
  ul {
    list-style-type: none;
  }



  .header_s{
    position: absolute;
    z-index: 99999;
    width: 100%;
    height: 8%;
    z-index: 9999999;
    background-image: url("../../assets/images/top.png");
    background-size: 100% 100%; /* 背景图片铺满并保持比例不变 */
    background-repeat: no-repeat; /* 不重复平铺 */
    background-position: center; /* 图片居中对齐 */
    .head_s{
      position: absolute;
      z-index: 99999;
      width: 100%;
      height: 90%;
      opacity: 0.9;
      z-index: 9999999;
      background-color: #001C34;
    }
  }
  .mapClass{
    position: absolute;
    top: 7%;
    z-index: 999;
    width: 100%;
    height: 93%;
    opacity: 0.9;
    background-color: #001C34;
  }





}
</style>

